<html>
	<head>
		<script type="text/javascript" charset="utf-8" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/login.js"></script>
		<link href="style.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript">
			$(document).ready(function(){
				createWebSocketConnection();
				$("#login_button").bind("click", login);
			});
		</script>
	</head>
	<body>
		<div id="top_login"></div>
		<div id="login_content">
			<div id="top_login_logo">
				<img src="images/cloud_logo.png" alt="Playground" />
			</div>
			<div id="login_container">
				<div id="login_box">
					<div id="login_form">
						<label>E-mail:</label>
						<input type="text" id="email" />
						<label>Password:</label>
						<input type="text" id="password" />
						<button id="login_button">Enter</button>
					</div>
				</div>
				<p>Please, login with your Facebook's username and password in the box above.</p>
			</div>
		</div>
		<div id="bottom_illustration"></div>
	</body>
</html>